<html>
  <head>
    <title></title>
    <style>
    
      popup { padding:1em; background:gold; }
      popup > button { display: block; margin:0.5em *;  }
      popup > form { flow:row(label,input); border-spacing: 4dip; }
      
    
    </style>
    <script type="text/tiscript">
    
      $(#show) << event click { 
        this.popup( $(popup#test));
      }
    
    </script>
        
    <popup #test>
      <form>
        <label>name</label><input type=text>
        <label>surname</label><input type=text>
      </form>
      <button>Test</button>
    </popup>
    
  </head>
<body>

  <button #show>Show popup</button>

</body>
</html>
